<template>
  <div class="left_menu">
    <el-row class="tac">
      <el-col>
        <el-menu class="el-menu-vertical-demo leftmenu" background-color="rgb(84, 92, 100)" active-text-color="#ffd04b">
         

            <el-sub-menu index="1">
              <template #title>数据管理</template>
              <el-menu-item index="yq" @click="hangclick">疫情管理</el-menu-item>
            <el-menu-item index="new" @click="hangclick">新闻管理</el-menu-item>
            <el-menu-item index="weather" @click="hangclick">天气预报管理</el-menu-item>
            <el-menu-item index="game" @click="hangclick">电竞资讯管理</el-menu-item>
            </el-sub-menu>
          
        </el-menu>
      </el-col>
    </el-row>
  </div>
</template>
<script>
import {useRouter} from 'vue-router'
export default {
  setup(){
    let router =useRouter();
    let hangclick=(a)=>{
      router.push(`/main/${a.index}`)
    }
    
    return{
      hangclick,
  
    }
  }
}
</script>
<style scoped lang="less">
.leftmenu {
  position: fixed;
  top: 60px;
  bottom: 0;
  left: 0;
  width: 200px;
}
</style>
